<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>My Mailer</title>
    <base href="<?php echo $base; ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="theme/css/bootstrap.css" rel="stylesheet">
    <link href="theme/css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="theme/css/custom.css" rel="stylesheet" />

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    
    <script src="theme/js/jquery.js"></script>
  </head>

  <body>
    <div class="container well">
      <div id="header">
        <h1 class="popover-title"><a href="<?php echo $base; ?>"><img id="logo" src="theme/img/mail-icon.png" alt="My Mailer Logo" width="80" />My Mailer</a></h1>
      </div> <!-- /header -->